<script setup>
import Dialog from "../../../../components/Dialog.vue";

const props = defineProps(["visible", "title", "data"]);

const emits = defineEmits(["close"]);
</script>

<template>
  <Dialog
    :visible="props.visible"
    :title="props.title"
    size="mini"
    @close="emits('close')"
  >
    <div class="box">
      <div class="box_c" v-for="(item, index) in props.data" :key="index">
        {{ item }}
      </div>
    </div>
  </Dialog>
</template>

<style scoped lang="less">
.box {
  width: 100%;
  // height: 100%;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 10px;
  .box_c {
    width: 185px;
    height: 47px;
    background: url(../../../../assets/images/Group.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    padding-left: 16px;
    font-size: 16px;
    color: #c9e9f8;
    font-family: "Alibaba PuHuiTi 2.0-65 Medium";
  }
}
</style>
